h1 {
    margin-bottom: 0px;
}
h2 {
    margin-top: 0px;
}
th {
    text-align: right;
}
th, td {
    margin: 0;
    padding: 2;
}
span.date {
    font-size: smaller;
}
tr {
    margin: 0;
}
table {
    margin: 0;
}
td.inputCell, td.selectCell {
    cursor: pointer;
    height: 2em; /* should sit with a different class */
}
td.inputCell input {
    display: none;
}
td.timeCell {
    width: 80px;
    text-align: right;
}
td.totalCell, th.totalLabel {
    background-color: #ddd;
}
td.jobCategoryCell, td.tracCell, td.jobCell, td.timeCell, th.dateCell {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
td.totalCell {
    border: none;
}
tr.template td.jobCategoryCell, tr.template td.tracCell, tr.template td.jobCell, tr.template td.timeCell {
    border-bottom: none;
}
td.timeCell input {
    width: 50px;
    text-align: right;
}
td.tracCell, td.tracCell input {
    width: 50px;
}
td.jobCell, td.jobCell input {
    width: 150px;
}
td.jobCategoryCell, td.jobCategoryCell select {
    width: 150px;
}
/* change the calendar border and padding to integrate into the parent dialog */
.yui-calcontainer {
    border: none !important;
    padding: 0px !important;
}
/* change the tabview border and background colour to integrate into the parent dialog */
.yui-content {
	padding-top: 10px !important;
	border: none !important;
	background: none !important;
}
/* centre the contents of dialogs */
.bd {
    padding: 20px !important;
}
label {
    cursor: pointer;
}
.accesskey {
    text-decoration: underline;
}

#dialogContainer h1 {
 font-size: 10pt;
 margin-bottom: 10px;
 color: #333;
 border-bottom: 1px solid grey;
}
